@import "tailwindcss";

@config "../../tailwind.config.ts";

@custom-variant dark (&:is(.dark *));


:root {
    /*自定义 Global CSS 变量 */
    --el-color-colorBgContent: #f5f5f5;
    --el-color-scrollbarThumb: rgba(0, 0, 0, 0.1);
    /*自定义 Header CSS 变量 */
    --el-color-colorTextHeader: #1f1f1f;
    --el-color-colorTextSecondaryHeader: #8c8c8c;
    --el-color-colorTextHoverHeader: #f0f0f0;
    --el-color-colorBgHeader: #ffffff;
    --el-color-colorBorderHeader: #f0f0f0;
    /*自定义 Sider CSS 变量 */
    --el-color-colorTextSider: #1f1f1f;
    --el-color-colorTextSecondarySider: #1f1f1f;
    --el-color-colorBgSider: #ffffff;
    --el-color-colorBorderSider: #f0f0f0;
    --el-color-colorBgSubMenuSider: #fafafa;
}

.dark {
    /*自定义 Global CSS 变量 */
    --el-color-colorBgContent: #0d0d0d;
    --el-color-logo-text: #f1f1f1;
    --el-color-text-regular: #CFD3DC;
    --el-color-boxshadow-analysis: 0 3px 20px 0 rgb(255 255 255 / 35%);
    --el-color-scrollbarThumb: rgba(255, 255, 255, 0.1);
    /*自定义 Header CSS 变量 */
    --el-color-colorTextHeader: #f1f1f1;
    --el-color-colorTextSecondaryHeader: #afafaf;
    --el-color-colorTextHoverHeader: #5a5a5a;
    --el-color-colorBgHeader: #141414;
    --el-color-colorBorderHeader: #303030;
    /*自定义 Sider CSS 变量 */
    --el-color-colorTextSider: #f1f1f1;
    --el-color-colorTextSecondarySider: #a6adb4;
    --el-color-colorBgSider: #141414;
    --el-color-colorBorderSider: #303030;
    --el-color-colorBgSubMenuSider: #1d1d1d;
}

.siderInverted {
    /*自定义 Sider 颜色反转 CSS 变量 */
    --el-color-colorTextSider: #f1f1f1;
    --el-color-colorTextSecondarySider: #a6adb4;
    --el-color-colorBgSider: #001529;
    --el-color-colorBorderSider: #303030;
    --el-color-colorBgSubMenuSider: #000c17;
}

.headerInverted {
    /*自定义 Header 颜色反转 CSS 变量 */
    --el-color-colorTextHeader: #f1f1f1;
    --el-color-colorTextSecondaryHeader: #afafaf;
    --el-color-colorTextHoverHeader: #5a5a5a;
    --el-color-colorBgHeader: #001529;
    --el-color-colorBorderHeader: #303030;
}
